html, .green{
  --pc:#45b984;
  --bc:#7ccea9;
  --bc1:#42b27f;
  --pc-bt-hover:#6ac79d;

  --pc-bt-ac:#3a9b6f;
  --pc-txt-hover:#45b984;
  .el-table{
    --el-table-header-text-color: var(--el-table-text-color);
    --el-table-header-bg-color:#f5f7fb;
  }

}
html .blue{
  /** primary-color 主色 rgb(64, 158, 255); **/
  --pc:#3788ee;
  --pc-bt-hover:#73b8ff;
  --bc:#8dc5ff;/**primary- border-color**/
  --bc1:#3699ff;/**border-color-1**/

  --link-hover:#136ddf;
  --hover-active:#1162c8;
}
html .purple{
  --pc:#d36eb0;
  --pc-bt-hover:#df95c5;
  --bc:#e5a9d0;
  --bc1:#d166ac;
}
html .red{
  --pc:#cf5e4d;
  --pc-bt-hover:#da8275;
  --bc:#da8275;
  --bc1:#cd5745;
}


@import url("heyui.css");

/**  icons  **/
@font-face {
  font-family: 'heyuiadmin';
  src:  url('fonts/heyuiadmin.eot?minjmi');
  src:  url('fonts/heyuiadmin.eot?minjmi#iefix') format('embedded-opentype'),
  url('fonts/heyuiadmin.ttf?minjmi') format('truetype'),
  url('fonts/heyuiadmin.woff?minjmi') format('woff'),
  url('fonts/heyuiadmin.svg?minjmi#heyuiadmin') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'heyuiadmin' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-eye:before {
  content: "\e000";
}
.icon-paper-clip:before {
  content: "\e001";
}
.icon-mail:before {
  content: "\e002";
}
.icon-toggle:before {
  content: "\e003";
}
.icon-layout:before {
  content: "\e004";
}
.icon-link:before {
  content: "\e005";
}
.icon-bell:before {
  content: "\e006";
}
.icon-lock:before {
  content: "\e007";
}
.icon-unlock:before {
  content: "\e008";
}
.icon-ribbon:before {
  content: "\e009";
}
.icon-image:before {
  content: "\e010";
}
.icon-signal:before {
  content: "\e011";
}
.icon-target:before {
  content: "\e012";
}
.icon-clipboard:before {
  content: "\e013";
}
.icon-clock:before {
  content: "\e014";
}
.icon-watch:before {
  content: "\e015";
}
.icon-air-play:before {
  content: "\e016";
}
.icon-camera:before {
  content: "\e017";
}
.icon-video:before {
  content: "\e018";
}
.icon-disc:before {
  content: "\e019";
}
.icon-printer:before {
  content: "\e020";
}
.icon-monitor:before {
  content: "\e021";
}
.icon-server:before {
  content: "\e022";
}
.icon-cog:before {
  content: "\e023";
}
.icon-heart:before {
  content: "\e024";
}
.icon-paragraph:before {
  content: "\e025";
}
.icon-align-justify:before {
  content: "\e026";
}
.icon-align-left:before {
  content: "\e027";
}
.icon-align-center:before {
  content: "\e028";
}
.icon-align-right:before {
  content: "\e029";
}
.icon-book:before {
  content: "\e030";
}
.icon-layers:before {
  content: "\e031";
}
.icon-stack:before {
  content: "\e032";
}
.icon-stack-2:before {
  content: "\e033";
}
.icon-paper:before {
  content: "\e034";
}
.icon-paper-stack:before {
  content: "\e035";
}
.icon-search:before {
  content: "\e036";
}
.icon-zoom-in:before {
  content: "\e037";
}
.icon-zoom-out:before {
  content: "\e038";
}
.icon-reply:before {
  content: "\e039";
}
.icon-circle-plus:before {
  content: "\e040";
}
.icon-circle-minus:before {
  content: "\e041";
}
.icon-circle-check:before {
  content: "\e042";
}
.icon-circle-cross:before {
  content: "\e043";
}
.icon-square-plus:before {
  content: "\e044";
}
.icon-square-minus:before {
  content: "\e045";
}
.icon-square-check:before {
  content: "\e046";
}
.icon-square-cross:before {
  content: "\e047";
}
.icon-microphone:before {
  content: "\e048";
}
.icon-record:before {
  content: "\e049";
}
.icon-skip-back:before {
  content: "\e050";
}
.icon-rewind:before {
  content: "\e051";
}
.icon-play:before {
  content: "\e052";
}
.icon-pause:before {
  content: "\e053";
}
.icon-stop:before {
  content: "\e054";
}
.icon-fast-forward:before {
  content: "\e055";
}
.icon-skip-forward:before {
  content: "\e056";
}
.icon-shuffle:before {
  content: "\e057";
}
.icon-repeat:before {
  content: "\e058";
}
.icon-folder:before {
  content: "\e059";
}
.icon-umbrella:before {
  content: "\e060";
}
.icon-moon:before {
  content: "\e061";
}
.icon-thermometer:before {
  content: "\e062";
}
.icon-drop:before {
  content: "\e063";
}
.icon-sun:before {
  content: "\e064";
}
.icon-cloud:before {
  content: "\e065";
}
.icon-cloud-upload:before {
  content: "\e066";
}
.icon-cloud-download:before {
  content: "\e067";
}
.icon-upload:before {
  content: "\e068";
}
.icon-download:before {
  content: "\e069";
}
.icon-location:before {
  content: "\e070";
}
.icon-location-2:before {
  content: "\e071";
}
.icon-map:before {
  content: "\e072";
}
.icon-battery:before {
  content: "\e073";
}
.icon-head:before {
  content: "\e074";
}
.icon-briefcase:before {
  content: "\e075";
}
.icon-speech-bubble:before {
  content: "\e076";
}
.icon-anchor:before {
  content: "\e077";
}
.icon-globe:before {
  content: "\e078";
}
.icon-box:before {
  content: "\e079";
}
.icon-reload:before {
  content: "\e080";
}
.icon-share:before {
  content: "\e081";
}
.icon-marquee:before {
  content: "\e082";
}
.icon-marquee-plus:before {
  content: "\e083";
}
.icon-marquee-minus:before {
  content: "\e084";
}
.icon-tag:before {
  content: "\e085";
}
.icon-power:before {
  content: "\e086";
}
.icon-command:before {
  content: "\e087";
}
.icon-alt:before {
  content: "\e088";
}
.icon-esc:before {
  content: "\e089";
}
.icon-bar-graph:before {
  content: "\e090";
}
.icon-bar-graph-2:before {
  content: "\e091";
}
.icon-pie-graph:before {
  content: "\e092";
}
.icon-star:before {
  content: "\e093";
}
.icon-arrow-left:before {
  content: "\e094";
}
.icon-arrow-right:before {
  content: "\e095";
}
.icon-arrow-up:before {
  content: "\e096";
}
.icon-arrow-down:before {
  content: "\e097";
}
.icon-volume:before {
  content: "\e098";
}
.icon-mute:before {
  content: "\e099";
}
.icon-content-right:before {
  content: "\e100";
}
.icon-content-left:before {
  content: "\e101";
}
.icon-grid:before {
  content: "\e102";
}
.icon-grid-2:before {
  content: "\e103";
}
.icon-columns:before {
  content: "\e104";
}
.icon-loader:before {
  content: "\e105";
}
.icon-bag:before {
  content: "\e106";
}
.icon-ban:before {
  content: "\e107";
}
.icon-flag:before {
  content: "\e108";
}
.icon-trash:before {
  content: "\e109";
}
.icon-expand:before {
  content: "\e110";
}
.icon-contract:before {
  content: "\e111";
}
.icon-maximize:before {
  content: "\e112";
}
.icon-minimize:before {
  content: "\e113";
}
.icon-plus:before {
  content: "\e114";
}
.icon-minus:before {
  content: "\e115";
}
.icon-check:before {
  content: "\e116";
}
.icon-cross:before {
  content: "\e117";
}
.icon-move:before {
  content: "\e118";
}
.icon-delete:before {
  content: "\e119";
}
.icon-menu:before {
  content: "\e120";
}
.icon-archive:before {
  content: "\e121";
}
.icon-inbox:before {
  content: "\e122";
}
.icon-outbox:before {
  content: "\e123";
}
.icon-file:before {
  content: "\e124";
}
.icon-file-add:before {
  content: "\e125";
}
.icon-file-subtract:before {
  content: "\e126";
}
.icon-help:before {
  content: "\e127";
}
.icon-open:before {
  content: "\e128";
}
.icon-ellipsis:before {
  content: "\e129";
}

/** app **/
@primary-color: #45b984;
@gray2-color: #eeeeee;
@layout-header-height: 64px;
@layout-sider-width: 200px;
@layout-sider-collapse-width: 70px;
@menu-dark-color: #001529;
@sys-tabs-height: 50px;
@border: 1px solid @gray2-color;

@frame-box-shadow: rgba(0, 21, 41, 0.08);


#app {
  height: 100%;
  .app-frame {
    min-height: 100vh;
    height: 100%;
  }

  .h-layout-sider {
    z-index: 2;
    box-shadow: 0 1px 4px @frame-box-shadow;
  }
  .h-layout-header {
    overflow: hidden;
    box-shadow: 2px 1px 4px 0 @frame-box-shadow;
  }

  .h-layout-sider-collapsed {
    .app-logo {
      padding-left: 8px;
      overflow: hidden;
    }
    .h-layout-header-fixed {
      .sys-tabs-vue {
        left: @layout-sider-collapse-width;
      }
    }
  }

  .h-layout-header-fixed {
    .sys-tabs-vue {
      position: fixed;
      top: @layout-header-height;
      right: 0;
      z-index: 2;
      left: @layout-sider-width;
    }
    .sys-tabs-vue + .h-layout-content {
      margin-top: @sys-tabs-height;
    }
  }
  .h-layout-sider-fixed .h-layout-header-fixed {
    .h-layout-content {
      overflow: auto;
      height: calc(~'100vh - @{layout-header-height}');
    }
    .sys-tabs-vue + .h-layout-content {
      height: calc(~'100vh - @{layout-header-height} - @{sys-tabs-height}');
    }
  }

  .h-layout-sider-theme-dark .app-logo a {
    color: #fff;
  }
}

@media (max-width: 900px) {
  #app {
    .app-header-info {
      .h-autocomplete,
      .app-header-icon-item {
        display: none;
      }
    }
    .h-layout {
      padding-left: 0;
      .app-menu-mask {
        position: fixed;
        left: @layout-sider-width;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1;
      }
      &.h-layout-sider-collapsed {
        > .h-layout-sider {
          transform: translateX(-@layout-sider-collapse-width);
          overflow: hidden;
        }
        .app-menu-mask {
          display: none;
        }
      }
    }
    .h-layout-content {
      -webkit-overflow-scrolling: touch;
    }
    .h-layout-header-fixed .h-layout-header {
      left: 0 !important;
    }
    .sys-tabs-vue {
      left: 0 !important;
    }
  }
}


/**========== common =============**/
.font-size(@var, @size) {
  .font@{var} {
    font-size: @size !important;
  }
}

.font-size(12, 12px);
.font-size(13, 13px);
.font-size(14, 14px);
.font-size(15, 15px);
.font-size(16, 16px);
.font-size(18, 18px);
.font-size(20, 20px);
.font-size(22, 22px);
.font-size(28, 28px);

.font-bold {
  font-weight: bold;
}

.common-page-tabs-bar {
  position: relative;
  margin-bottom: 2px;
  min-height: 50px;
  .h-tabs-default {
    min-height: 47px;
  }
}

.common-filter-bar {
  padding: 17px 0 8px;
  min-height: 66px;
}

.common-filter-select {
  height: 32px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.65);
  .h-select-value-single,
  .h-select-placeholder {
    height: 32px;
    line-height: 32px;
  }
}

.common-status-filter-tabs {
  border: 1px solid fade(@primary-color, 10%);
  background-color: fade(@primary-color, 5%);
  border-radius: 2px;

  > div {
    position: relative;
    padding: 20px 22px;

    > p {
      margin: 0;
      line-height: 22px;
      text-align: center;
    }

    .name {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.65);
    }

    .code {
      color: rgba(0, 0, 0, 0.85);
      font-size: 18px;
    }

    .bold {
      font-weight: bold;
    }

    &:after {
      content: '';
      border-right: 1px dashed #979797;
      position: absolute;
      top: 24px;
      right: 0;
      opacity: 0.3;
      bottom: 24px;
    }

    &:before {
      content: '';
      background: @primary-color;
      position: absolute;
      height: 0;
      bottom: -1px;
      left: 22px;
      right: 22px;
      border-radius: 3px;
      transition: 0.3s;
    }

    &:hover,
    &.h-tabs-selected {
      .code,
      .name {
        color: @primary-color;
      }
    }

    &.h-tabs-selected {
      &:before {
        height: 3px;
      }
    }
  }

  &.last-float-right {
    > div:nth-last-child(2) {
      &:after {
        content: none;
      }
    }

    > div:last-child {
      float: right;

      &:after {
        content: none;
      }
    }
  }
}

.common-list-container {
  .common-list-item {
    padding-top: 14px;
    padding-bottom: 14px;
    align-items: center;
    display: flex;
    padding: 12px 0;
    border-bottom: @border;

    .common-list-meta {
      flex: 1;
    }
  }
}

.common-panel-tabs {
  border-bottom: 1px solid #eeeeee;
  padding: 0 25px;
  font-size: 18px;
  > .h-tabs-item {
    padding: 19px 0px;
    + div {
      margin-left: 30px;
    }
  }
}

.frame-page,
.frame-flex-page {
  margin: 30px;
  .clearfix::after {
    content: '';
    display: block;
    clear: both;
  }

  &.frame-flex-page {
    display: flex;
    padding: 20px 0;
  }

  .frame-left {
    width: 224px;
    border-right: @border;
    margin-right: -1px;
  }

  .frame-main {
    flex: 1;
    border-left: @border;
    padding: 8px 40px;

    .subframe-title {
      font-size: 20px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 28px;
      font-weight: 500;
      margin-bottom: 12px;
    }
  }
}

.error-page {
  height: calc(~'100vh - @{layout-header-height} -100px');
  text-align: center;
  .background-image {
    height: 35vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 18vh auto 50px;
  }
  p {
    font-size: 22px;
    color: #3788ee;
    margin-bottom: 20vh;
  }
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 44%, 0.06);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: @primary-color;
  border-radius: 6px;
}

//.app-menu .h-menu>li>.h-menu-show .h-menu-show-icon {
//  font-size: 20px;
//}
/****==========loading=================***/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 1; /*初始状态 透明度为0*/
  }
  100% {
    opacity: 0; /*结尾状态 透明度为0*/
  }
}

.loader{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 999999;
  -webkit-animation: fadeIn 1s linear;
}
.loader .loader-inner{
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1E9FFF;
  animation: spin 2s linear infinite;
}
.loader .loader-inner:before {
  content: " ";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1E9FFF;
  animation: spin 3s linear infinite;
}
.loader .loader-inner:after {
  content: " ";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1E9FFF;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.h-table-tools,.h-table-search{
  background-color: white;
  position: relative;
  overflow: hidden;
  border-left: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding: 10px;

}
.h-layout-header {
  height: 54px;
  line-height: 54px;
}
.title-suffix .h-form-item-label::after{
  content: ':';
}

.flex-content {
  flex:1;
}

.flex-content .h-table {
  height: 100%;
}
.flex-content .h-table .h-table-container{
  height: calc(100% - 40px)!important
}
.flex-content .h-table .relative{
  height: 100%;
}

.flex-content .h-table-body,.h-table-fixed-right,.h-table-fixed-left{
  max-height: 100% !important;
}
.flex-content .h-table tr:last-child td{
  border-bottom: 1px solid #eeeeee;
}
.h-form.h-form-single .h-form-item, .h-form.h-form .h-form-item-single {
  width: 100% !important;
}
.h-form.h-form-threecolumn,.h-form.h-form-twocolumn,.h-form.h-form-adapt{
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
.h-form.h-form-twocolumn .h-form-item{
  width: 50%;
  display: inline-block;
  float:none;
}
.h-form.h-form-threecolumn .h-form-item{
  width: 33.33%;
  display: inline-block;
  float:none;
}
.h-form.h-form-adapt .h-form-item{
  width:250px;
  display: inline-block;
}
.h-form.h-form-adapt .h-form-item-label {
  float: left;
  padding: 9.5px 0px 9.5px 0;
}
.h-form.h-form-twocolumn .h-form-item {
  width: 50%;
  vertical-align: top;
  float: none;
  display: inline-block;
}

.flex-right{
  flex:0 0 100%;
  text-align: right;
}
.query-bar{
  border-top:#e8eaec 1px dotted;
  padding-bottom: 5px;
}
.query-bar .h-form .h-form-item{
  height: 40px;
}
.h-select .no-border-show.h-select-show,.h-autocomplete .h-autocomplete-show.no-border-show,input.no-border-show{
  border: none;
  background: transparent;
  box-shadow:none;
}
input.no-border-show:focus{
  box-shadow:none;
  background: white;
}
.page.h-layout{
  background: white;
}
.page.h-layout header{
  border-bottom: 1px solid #409eff;
}

.list-page{
  height:100%;
  width:100%;
  display: flex;
  padding: 10px;
  flex-direction: column;
}
.list-page .list{
  flex:1;
}
.list .h-table{
  height:100%;
  display: flex;
  flex-direction: column;
}
.list .h-table .h-table-container{
  flex:1;
}

.list .h-table .h-table-container .relative{
  height:100%;
  position: absolute;
}
.list .relative{
  width:100%;
}
.list .relative .h-table-body{
  height:100%;
}
.float-left{
  float:left;
}
.list-page .bar{
  background: white;
  height: auto;
  line-height: normal;
  padding: 4px 0;
  text-align: right;
}
.header-bar{
  height: auto;
  line-height: normal;
  padding-bottom: 4px;
  text-align: right;
}
.header-ba>*{
  margin-left:5px ;
}

.query-bar>.h-select,.h-treepicker,input,.header-bar>.h-select,.h-treepicker{
  width: 167px;
  display: inline-block;
}

.header-bar .h-select-filterable-value{
  text-align: left;
}
.query-bar {
  display: flex;
  flex-wrap:wrap;
}
.query-bar>*{
  margin-top: 5px;
}
.header-bar>.query-bar>*{
  margin-top: 0;
}
.header-bar>.query-bar{
  margin-left: auto;
  float: right;
}
.header-bar>.query-bar>*:last-child{
  margin-left: 5px;
  margin-right: 0;
}
.query-bar>*:not(:first-child){
  margin-left: 5px;
}
.query-bar>*:last-child{
  margin-left: auto;
  margin-right: 0;
}
element.style {
  text-align: left;
}

.h-btn-group .h-tooltip-show .h-btn{
  padding:0;
  border:none;
  background: transparent;
  box-shadow: none;
}
.h-btn-group.h-btn-group .h-btn[isdisabled] {
  z-index: -1;
  background-color: #f5f5f5;
  color: #999999;
  border-color: #d3d3d3;
}
.h-btn-group.h-btn-group .h-btn[isdisabled] .h-btn{
  color: #999999 !important;
}
.top-menu-pc .h-menu-show {
  height: 54px;
  padding: 15px;
  line-height : 24px;
  font-weight: bold;
  line-height: 24px;
}

.top-dowp-menu {
  font-weight: bold;
  flex: 1;
}
.h-table td, .h-table th,.h-table .h-table-th {
  padding: 0 10px;
  height: 40px;
}
.h-page .h-page-pager-container .h-page-pager{
  height: 32px;
  line-height: 32px;
  user-select: none;
  -ms-user-select:none;
  -webkit-user-select: none;
}
.h-btn,.h-menu,th,.h-page,.h-numberinput{
  user-select: none;
  -ms-user-select:none;
  -webkit-user-select: none;
}
.h-form label.h-form-item-label{
  padding: 0 9.5px 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 32px;
}
.h-form.h-form-label-left label.h-form-item-label{
  justify-content: flex-start;
}
.h-modal .h-btn-group.h-btn-group .h-btn[disabled]{
  z-index: auto;
}
.h-disabled{
  cursor: not-allowed;
  pointer-events:none;
  background-color: #f5f5f5;
}
.table-inline .h-table-tbody td{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px;
}
.h-btn.h-btn-icon-circle {
  border-radius: 50% !important;
  padding: 0;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.amap-copyright{
  display: none!important;
}
.amap-logo{
  display: none !important;
}

/**======data table=========**/
.data-table {
  height: 100%;
  width: 100%;
  padding: 16px 24px;
  background-color: #F7F8FA;
}

.data-table .tb-num-input::-webkit-inner-spin-button,
.data-table .tb-num-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0;
}

.data-table .data-table-inner {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  background-color: white;
  height: 100%;
  width: 100%;
  padding: 16px 24px;
}

.data-table .search {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}

.data-table .search > * {
  width: 200px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.data-table .search-bar {
  display: flex;
}

@media screen and (max-width: 550px ) {
  .data-table .search-bar {
    flex-direction: column;
  }

  .data-table .search-bar .search-btn-group {
    width: 100%;
    text-align: left;
  }
}

/*.data-table .search>*:not(:first-child) {*/
/*  margin-left: 5px;*/
/*}*/
.data-table .search-btn-group {
  width: 170px;
  text-align: right;
  margin-bottom: 16px
}

.data-table .tools {
  display: flex;
}

.data-table .tools-control-group {
  flex: 1;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  display: inline-block;
}

.data-table .tools-control-group > * {
  margin-bottom: 10px;
}

.data-table .tools-grid-group {
  display: flex;
}

.data-table .tools-grid-group > * {
  margin-bottom: 10px;
}

.data-table .data {
  flex: 1;
  overflow: hidden;
}

.data-table .data .h-table {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.data-table .data .h-table .h-table-container {
  flex: 1;
}

.data-table .data .h-table .h-table-container .relative {
  height: 100%;
  position: absolute;
}

.data-table .data .relative {
  width: 100%;
}

.data-table .data .relative .h-table-body {
  height: 100%;
}

.data-table .page-bar > * {
  margin-top: 10px;
}
/**** data table end*******/
.h-tree.scroll{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.h-tree.scroll .h-tree-body{
  flex: 1;
  height: 100%;
  overflow-y: auto;
}
.h-tree-show-desc{
  flex:1;
}
//.h-tree .h-icon-angle-right::before{
//  font-family: jeicon !important;
//  content: "\e64e";
//}
//.h-tree-show-space{
//  position: relative;
//}
//.h-tree-show-space:before{
//  content: "";
//  position: absolute;
//  top: 0;
//  left: -9px;
//  width: 0;
//  height: 100%;
//  border-left: 1px dotted #c0c4cc;
//}
